<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
	<title>bi数据分析管理</title>
	<meta name="decorator" content="default"/>
	<script type="text/javascript" src="${ctxStatic }/highcharts/highcharts.js"></script>
	<script type="text/javascript" src="${ctxStatic }/highcharts/modules/exporting.js"></script>
	<script src="${ctxStatic}/My97DatePicker/WdatePicker.js" type="text/javascript"></script>
	<script type="text/javascript">
	$(function () {
		Highcharts.setOptions({
			lang: {
				contextButtonTitle: "导出菜单",
				downloadJPEG: "下载 JPEG 图片",
				downloadPDF: "下载 PDF 文件",
				downloadPNG: "下载 PNG 图片",
				downloadSVG: "下载 SVG 矢量图片",
				printChart: "图表打印",
				weekdays: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"],
				months: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"] ,
				resetZoom: "返回缩放",
				resetZoomTitle: "缩放比1:1"
			}
		});
		
		
		$('#container').highcharts({
	        chart: {
	            zoomType: 'x'
	        },credits: {
	        	enabled: false
	        },
	        title: {
	            text:  "${title}",
	        },
	        subtitle: {
	            text:  "时间：${time}",
	        },
	        xAxis: [{
	        	 type: "datetime",
	        	 dateTimeLabelFormats:{
	        	 	day: '%m- %d',
	        	 },
	                labels: {
	                    rotation: -45,
	                    align: 'right',
	                    style: {
	                        fontSize: '13px',
	                        fontFamily: 'Verdana, sans-serif'
	                    }
	                }
	        }],
	        yAxis: [{ // Primary yAxis
	            labels: {
	                format: '{value}',
	                style: {
	                    color: '#89A54E'
	                }
	            },
	            title: {
	                text: '核销数量',
	                style: {
	                    color: '#89A54E'
	                }
	            }
	        }],
	        tooltip: {
	        	enabled:true
	        },
	       plotOptions: {
	            column: {
	                dataLabels: {
	                    enabled: true,
	                    color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white',
	                    style: {
	                        textShadow: '0 0 3px black, 0 0 3px black'
	                    },
	                }
	            }
	        },
	        series:${series}
	    });
	});
	
	
	</script>
</head>
<body>
	<ul class="nav nav-tabs">
		<li class="active"><a href="${ctx}/bi/statics/biStatUsedList">核销数据图形分析</a></li>
	</ul>
	<form id="searchForm" action="${ctx}/bi/statics/biStatUsedList" method="post" class="breadcrumb form-search">
		
		<label>请选择月份：</label>
					<input name="time" id="startdate" type="text"   onFocus="WdatePicker({isShowWeek:true})" value="${time }"/>
		<label>请选择核销单位： </label>
		<select id="awardType" class="input-medium" name="terminal_name">
		<option value="0" >全部</option>
		<c:forEach items="${TerminalList }" var="var">
		<option value="${var.terminal_name }"  ${terminal_name==var.terminal_name?"selected='selected'":"" } >${var.terminal_name }</option>
		</c:forEach>
		</select>
			<shiro:hasPermission name="sys:user:edit"><tags:treeselect id="sellerList" name="sellerIds" value="${user.id}" checked="true"  labelName="sellerList.name"  labelValue="${user.name}"
					title="平台商" url="/sys/user/allUserTreeData"/></shiro:hasPermission>
		<input id="btnSubmit" class="btn btn-primary" type="submit" value="查询" />&nbsp;&nbsp;
	</form>
	<tags:message content="${message}"/>
	<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
</body>
</html>
